/*
 * @Descripttion: your project
 * @Author: Liujiaqing
 * @Date: 2022-02-10 14:43
 * @LastEditors: Liujiaqing
 * @LastEditTime: 2022-02-10 14:43
 */
import React from 'react';
import '../style.less';
interface ILeftComponentsProps {
    loginStatus: string;
    step: number;
}
const LeftComponents = (props: ILeftComponentsProps) => {
    const { loginStatus = 'logined', step } = props;
    return (
        <>
            {loginStatus === 'forget' ? (
                <>
                    <img src={require('../../../assets/imgs/logo.png')} alt="" className="logo" />
                    <div className="reset-wrap">
                        <div className="step">
                            <span className={step === 1 ? 'block' : ''}>1</span>账号验证
                        </div>
                        <div className="line"></div>
                        <div className="step">
                            <span className={step === 2 ? 'block' : ''}>2</span>重置密码
                        </div>
                        <div className="line"></div>
                        <div className="step">
                            <span className={step === 3 ? 'block' : ''}>3</span>完成
                        </div>
                    </div>
                </>
            ) : (
                <>
                    <img src={require('../../../assets/imgs/logo.png')} alt="" className="logo" />
                    <div className="login-tip-content">IN BLOCKCHAIN WE TRUST</div>
                    <div className="login-tip-content">智链万物 信至行远</div>
                </>
            )}
        </>
    );
};
export default LeftComponents;